<template>
	<div>
		<!-- 扫一扫 -->
		<!-- 		<cover-view class="tabBar_scan flex_aj column" @click="scanCode">
			<cover-image src="/static/ic_sys_2x.png" mode="widthFix" style="width: 128upx;height: 128upx;">
			</cover-image>
		</cover-view> -->
		<!-- 新人红包弹窗 start -->
		<u-mask :show="isShowRedBag" class="hongbao">
			<view class="flex_aj pw100 ph100">
				<view class="cp_w">
					<view class="cp_img">
						<image src="/static/redBag_img.png" mode="widthFix" style="width: 654upx;height: 876upx;">
						</image>
					</view>
					<view class="cp_c cf">
						<view class="mb70 tac">
							<view class="cp_money mb30 tac">
								<text class="ft80">{{getGiveInfoList.giveMoney}}</text>
								<text class="ft36">元</text>
							</view>

							<view class="mb150 ft32">新用户专享红包</view>
							<view class="flex_aj">
								<text @click="goWallet">“我的钱包”</text>
								中查看
							</view>
						</view>

						<view class="flex_aj">
							<view class="close_btn flex_aj border-r50p cp_close" @click="closeRedBag">
								<u-icon name="close" color="#fff" size="32"></u-icon>
							</view>
						</view>
					</view>
				</view>
			</view>
		</u-mask>
		<!-- 新人红包弹窗 end -->
	</div>
</template>

<script>
	import {
		getGiveInfo
	} from '@/api/public.js'
	export default {
		data() {
			return {
				isShowRedBag: false, // 是否显示新人红包
				getGiveInfoCode: '', //新人红包状态码
				getGiveInfoList: {}, //接收新人红包数组
				deviceNo: '',
				deviceType: 0,
				isTapScan: false, // 是否可以正常扫码 （阻止用户同一时间点，多次点击）
			}
		},
		onShow() {},
		onLoad(e) {
			this.scanCode()
			setTimeout(() => {
				console.log('这是我需要的', this.deviceNo, this.deviceType);
			}, 1500)
			console.log('e', e);
		},

		methods: {
			// 扫一扫
			scanCode() {
				console.log('我扫码进来了===========');
				// 防抖
				if (this.isTapScan) {
					return false
				}
				this.isTapScan = true
				setTimeout(() => {
					this.isTapScan = false
				}, 2000)
				const _self = this
				this.routerLink({}, true, () => {
					uni.scanCode({
						scanType: ['barCode', 'qrCode'], //扫码类型
						success(res) {
							if (res.errMsg == 'scanCode:ok') {
								let deviceNo = ''
								let deviceType = 0
								if (res.scanType == 'QR_CODE') { //扫的码是二维码类型
									// http://weixin.qq.com/r/test?deviceNo=131211&deviceType=1
									// deviceType设备类型 1:换电柜 2：租车 3：充电柜
									deviceNo = _self.getUrlParam('deviceNo', res.result)
									deviceType = _self.getUrlParam('deviceType', res.result)
									// if (deviceType == 2 || deviceType == 1) {
									// 	_self.toast('请扫描正确的二维码,这不是充电柜的二维码！')
									// 	return false
									// }
									// if (deviceType == 2 || deviceType == 3) {
									// 	_self.toast('请扫描正确的二维码,这不是换电柜的二维码！')
									// 	return false
									// }
									_self.$store.commit('scanCode', deviceType)
									_self.deviceNo = deviceNo
									_self.deviceType = deviceType
									console.log(_self.deviceTypes);
								}
								if (deviceNo) {
									console.log('=========', deviceNo);
									_self.getGiveInfo(deviceNo) // 调用// 获取新人红包  方法

									setTimeout(() => {
										if (_self.getGiveInfoCode == 'FAIL') {
											_self.goUsePage(deviceNo,
												deviceType) //// 调用 -- 跳转 设备使用页面  
										} else {
											_self.isShowRedBag = true
											// setTimeout(() => {
											// 	_self.isShowRedBag = false
											// 	_self.goUsePage(deviceNo,
											// 		deviceType) //// 调用 -- 跳转 设备使用页面  
											// }, 3000)
										}
									}, 1000)


								} else {
									_self.toast('请扫描正确的二维码')
								}
							}
						},
						fail(err) {
							_self.toast(err)
							console.log(err)
						}
					})
				})
			},
			// 获取新人红包
			async getGiveInfo(deviceNo) {
				const res = await getGiveInfo({
					deviceNo: deviceNo
				})
				this.getGiveInfoCode = res.msg
				this.getGiveInfoList = res.data

			},
			// 跳转 设备使用页面
			goUsePage(deviceNo, deviceType) {
				// deviceType设备类型 1:换电柜 2：租车 3：充电柜
				let page = ''
				let query = {
					deviceNo,
					lat: '',
					lng: ''
				}
				// 换电
				if (deviceType == 1) {
					page = '/pages/user/rentEle/index'
				}
				// 租车
				if (deviceType == 2) {
					page = '/pages/user/rentCar/index'
					query = {
						deviceNo,
						latitude: this.latitude,
						longitude: this.longitude
					}
				}
				// 充电
				if (deviceType == 3) {
					page = '/pages/user/chargeEle/index'
				}
				this.routerLink({
					path: page,
					query
				})
			},
			// 关闭红包弹窗
			closeRedBag() {
				this.isShowRedBag = false
				console.log('++++++++++++', this.deviceNo, this.deviceType);
				this.goUsePage(this.deviceNo, this.deviceType) //// 调用 -- 跳转 设备使用页面 
				// this.back()
			},
		},
	}
</script>

<style lang="scss" scoped>
</style>
